// 加载 form 模块
let form = layui.form;

// -----------------------  完成数据回填/为表单赋值 -----------------------
// 1. 获取用户的信息 --> 2.设置输入框的默认值
function renderUser() {
    $.ajax({
        url: '/my/userinfo',
        success: function (res) {
            // console.log(res)
            if (res.status === 0) {
                // 设置输入框的默认值
                form.val('abc', res.data);
                /************************************ */
                /************************************ */
                // abc 对应的是 <form lay-filter="abc">
                // res.data 对象的键 对应的是 表单元素的name属性值
                /************************************ */
                /************************************ */
            }
        }
    })
}

renderUser();


// -----------------------  提交数据，完成更新 -----------------------
$('form').on('submit', function (e) {
    e.preventDefault();
    let data = $(this).serialize();
    // console.log(data)
    $.ajax({
        type: 'POST',
        url: '/my/userinfo',
        data, // 键和值一样，可以省略一个；ES6新语法
        success: function (res) {
            layer.msg(res.message);
            if (res.status === 0) {
                // 重新设置欢迎语
                // 调用父页面的函数
                window.parent.getUserInfo();
            }
        }
    });
})

// -----------------------  重置 -----------------------
// contains 是jquery提供的内容选择器；
// 这里的意思是查找button，查找内容包含“重置”这两个字的button
$('button:contains("重置")').on('click', function (e) {
    // 阻止默认行为，就是不让表单清空
    e.preventDefault();
    // 恢复原来的数据。相当于重新进行数据回填
    renderUser();
})